.wu-left-detail{
    margin-left:14px;
    margin-top: 20px; 
    width: 156px;
    background: #3a3a3a;
}
/* <!-- 左侧栏上方 --> */
.wu-left-detail .wu-left-top{
    width: 156px;
     
}
.wu-left-detail .wu-left-top li{
    position: relative;
    width: 156px;
    height: 41px;
    border-bottom:1px solid #474747; 
    font-size: 14px; 
}
/* :nth-child(1) span */
.wu-left-detail .wu-left-top li a{
    position: absolute;
    width: 70px;
    height: 41px;
    bottom: 0px;
    left: 61px;
    line-height: 41px;
    text-align: center;
    color: #d4d4d4;  
}
.wu-left-detail .wu-left-top li a::before{
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    left:-35px; 
}
/* 左侧栏li */
/* background: url(../img/wu-left1.png) 0 0px no-repeat; */
.wu-left-detail .wu-left-top li:nth-child(1) a::before{
    background: url(../img/wu-left1.png) 0 0 no-repeat; 
}
.wu-left-detail .wu-left-top li:nth-child(2) a::before{
    background: url(../img/wu-left1.png) 0 -40px no-repeat; 
}
.wu-left-detail .wu-left-top li:nth-child(3) a::before{
    background: url(../img/wu-left1.png) 0 -80px no-repeat; 
}
.wu-left-detail .wu-left-top li:nth-child(4) a::before{
    background: url(../img/wu-left1.png) 0 -127px no-repeat; 
}
.wu-left-detail .wu-left-top li:nth-child(5) a::before{
    background: url(../img/wu-left1.png) 0 -167px no-repeat; 
}
.wu-left-detail .wu-left-top li:nth-child(6) a::before{
    background: url(../img/wu-left1.png) 0 -210px no-repeat; 
}
.wu-left-detail .wu-left-top li:nth-child(7) a::before{
    background: url(../img/wu-left1.png) 0 -250px no-repeat; 
}
.wu-left-detail .wu-left-top li:nth-child(8) a::before{
    background: url(../img/wu-left1.png) 0 -292px no-repeat; 
}
.wu-left-detail .wu-left-top li:nth-child(9) a::before{
    background: url(../img/wu-left1.png) 0 -335px no-repeat; 
}
.wu-left-detail .wu-left-top li a:hover{
    color: white;  
}
/* <!-- 左侧栏二维码 --> */
.wu-left-center{
position: relative;
margin-top: 43px;
width: 100%;
height: 164px;
/* background: yellow; */
color: #9c9c9c; 
}
.wu-left-center a:nth-child(1){
    font-size: 14px; 
    color: #9c9c9c;  
    margin-left: 10px;
}
.wu-left-center a:nth-child(3){
    font-size: 14px; 
    color: #9c9c9c;  
    margin-right: 10px;
}
.wu-left-center .wu-erweimaone{
    position: absolute;
    top:28px;
    left: 13px;
    width: 130px;
    height: 130px;
    background: url(../img/wu-tiandao.png) no-repeat;
    background-size: 130px 130px;
}
.wu-left-center .wu-erweimatwo{
    position: absolute;
    top:28px;
    left: 13px;
    width: 130px;
    height: 130px;
    background: url(../img/wu-weixing.png) no-repeat;
    background-size: 130px 130px;
    display: none;
}
.wu-left-detail .wu-left-center .current{
    color: #f8f8f8;
}
/* 左侧栏下方腾讯链接 */
.wu-left-bottom{
    margin-top: 27px;
    width: 156px;
    height: 104px;
    /* background: red; */
}
.wu-left-bottom li{
    float: left;
    margin-left:9px;
    margin-bottom: 15px; 
    height: 38px;
    width: 38px;
    border-radius: 50%;
    background: #4d4d4d;
    
    
}
.wu-left-bottom li a{
   display: block;
   height: 38px;
   width: 38px;
   border-radius: 50%;
   opacity: .5;
  
   
}
.wu-left-bottom li:nth-child(1) a{
    background: url(../img/wu-jinlintu.png) -70px -34px  no-repeat;
}
.wu-left-bottom li:nth-child(2) a{
    background: url(../img/wu-jinlintu.png) -69px -81px  no-repeat;
}
.wu-left-bottom li:nth-child(3) a{
    background: url(../img/wu-jinlintu.png) -69px -135px  no-repeat;
}
.wu-left-bottom li:nth-child(4) a{
    background: url(../img/wu-jinlintu.png) -68px -190px  no-repeat;
}
.wu-left-bottom li:nth-child(5) a{
    background: url(../img/wu-jinlintu.png) -70px -236px  no-repeat;
}
.wu-left-bottom li:nth-child(6) a{
    background: url(../img/wu-jinlintu.png) -68px -293px  no-repeat;
}

/* width: 1080px;
    height: 299px; */
    /* 同人模块 */
    .wu-doujin{
        position: absolute;
        width: 800px;
        height: 299px;
        left: 0;
        top:0;
        background: white;
    }
    /* 同人左侧链接 */
    .wu-doujin .wu-doujin-top{
        float: left;
        width: 390px;
        height: 299px;
        /* background: red; */
    }
    .wu-doujin-top .wu-doujin-detail{
        width: 353px;
        height: 256px;
        margin-left: 20px;
        margin-top:23px;
        /* background: red; */
    }
    .wu-doujin-top .wu-doujin-detail div:nth-child(1){
        position: relative;
        height: 29px;
        width: 353px;
    }
    /* 同人推荐 */
    .wu-doujin-top .wu-doujin-detail div:nth-child(1) h5{
        position: absolute;
        color: #55c3a2;
        left: 0;
        top: 0;
        font-size: 18px;
    }
    /* //投稿参与 */
    .wu-doujin-top .wu-doujin-detail div:nth-child(1) .wu-tougao{
        position: absolute;
        color: #888888;
        right: 73px;
        top: 0;
        font-size: 16px;
    }
    /* 更多 */
    .wu-doujin-top .wu-doujin-detail div:nth-child(1) .wu-gengduo{
        position: absolute;
        color: #888888;
        right: 8px;
        top: 0;
        font-size: 16px;
    }

    .wu-doujin-top .wu-doujin-detail div:nth-child(2){
        position: relative;
        height: 120px;
        margin-top: 40px;
    }
    /* 同人推荐图片 */
    .wu-doujin-top .wu-doujin-detail div:nth-child(2) a:nth-child(1){
        position: absolute;
        width: 170px;
        height: 110px;
        background: url(../img/wu-tongren.jpeg) no-repeat;
        background-size: 170px 110px;
    }
    .wu-doujin-top .wu-doujin-detail div:nth-child(2) a:nth-child(2){
        position: absolute;
        width: 170px;
        height: 110px;
        left: 183px;
        background: url(../img/wu-tongrener.jpeg) no-repeat;
        background-size: 170px 110px;
    }
    /* 同人链接 */
    .wu-doujin-top .wu-doujin-detail div:nth-child(3){
        height: 110px;
        width: 353px;
        font-size: 13px;
    }
    .wu-doujin-top .wu-doujin-detail div:nth-child(3) li{
        position: relative;
        height: 20px;
    }
    .wu-doujin-top .wu-doujin-detail div:nth-child(3) li a{
        position: absolute;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        left: 0;
        width:295px;
        height: 20px;
        font-size: 13px;
        color: #000000;
    }
    .wu-doujin-top .wu-doujin-detail div:nth-child(3) li span{
        position: absolute;
        right: 8px;
        color: #968888;
    }
    .wu-doujin-top .wu-doujin-detail div:nth-child(1) a:hover{
        color: #55c3a2;
    }
    .wu-doujin-top .wu-doujin-detail div:nth-child(3) li a:hover{
        color: #55c3a2;
    }
    /* 点击拉伸同人 */
    .wu-doujin .wu-shousuo{
     float: left;
    width: 410px;
    height: 299px;
    /* background: skyblue; */
 }
 .wu-doujin .wu-shousuo li{
     position: relative;
     float: left;
     width: 68px;
     height: 299px;
    
 }
 /* 大图 */
 .wu-doujin .wu-shousuo li div{
    width: 458px;
    height: 299px;
    background: green;
    display: none;
}
/* 小图 */
 .wu-doujin .wu-shousuo li a{
    position: absolute;
    width: 68px;
    height: 299px;
    left: 0;
    top:0;
 }
 .wu-doujin .wu-shousuo li:nth-child(1) a{
     background: url(../img/wu-trdl.jpg) 0 0 no-repeat;
 }
 .wu-doujin .wu-shousuo li:nth-child(2) a{
    background: url(../img/wu-trdl.jpg) -68px 0 no-repeat;
}
.wu-doujin .wu-shousuo li:nth-child(3) a{
    background: url(../img/wu-trdl.jpg) -136px 0 no-repeat;
}
.wu-doujin .wu-shousuo li:nth-child(4) a{
    background: url(../img/wu-trdl.jpg) -204px 0 no-repeat;
}
.wu-doujin .wu-shousuo li:nth-child(5) a{
    background: url(../img/wu-trdl.jpg) -272px 0 no-repeat;
}
.wu-doujin .wu-shousuo li:nth-child(6) a{
    background: url(../img/wu-trdl.jpg) -340px 0 no-repeat;
}













    /* 视频,动画 */
    .wu-animate{
        position: absolute;
        width: 280px;
        height: 299px;
        /* background: green; */
        right: 0;
        top: 0;
    }
    .wu-animate li{
        position: relative;
        float: left;
        overflow: hidden;  
        margin-left: 15px;
        width: 125px;
        height: 140px;
        background: #2fc3a3;
    }
    .wu-animate li span{
        position: absolute;
        left: 40px;
        width: 50px;
        height: 50px;
        top: 28px;
    }
    .wu-animate li a{
        position: absolute;
        width: 100%;
        font-size: 17px;
        color: white;
        left: 45px;
        bottom: 30px;
    }
    .wu-animate li:nth-child(3){
        margin-top: 19px;
    }
    .wu-animate li:nth-child(4){
        margin-top: 19px;
    }

